<template>
  <div class="advice">
    <advice-song></advice-song>
    <sole-song></sole-song>
    <new-song></new-song>
    <adviceMV></adviceMV>
  </div>
</template>

<script lang="ts" setup>
import adviceSong from './adviceSong/adviceSong.vue'
import soleSong from './soleSong/soleSong.vue'
import newSong from './newSong/newSong.vue'
import adviceMV from './adviceMV/adviceMV.vue'
import { ref } from 'vue'
</script>

<style scoped lang="scss">
.advice {
  padding: 8px 0 60px;
  overflow: scroll;
}
</style>